<template>
    <el-card shadow="hover" style="height: 100%;" :body-style="{height:'100%'}">
        <template #header>
         <strong>组件二次封装思路</strong>
        </template>
        <app-input ref="inputRef" class="input" v-model="app"></app-input>
    </el-card>
</template>
<script setup lang="ts">

const app = ref(1)
const inputRef = ref()

onMounted(() => {
    console.log(inputRef.value)
})
</script>

<style scoped lang="less">
.input:hover{
  background: #ffffff;
  box-shadow:  5px 5px 10px #ababab,
    -5px -5px 10px #ffffff;
}
</style>
